<ion-header>
  <ion-toolbar>
    <ion-title>我的</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="meHeader">
    <div class="userInfo flex" (click)="pushUserInfo()">
      <img class="avatar" src="./assets/imgs/defAvatar.jpeg">
      <div *ngIf="user.isLogin">
        <p class="name">{{user.userName}}</p>
        <p class="account">会员等级:{{user.UserLevelName}}</p>
      </div>
      <div *ngIf="!user.isLogin">
        <p>未登录</p>
      </div>
    </div>
  </div>

  <ion-list *ngFor="let group of dataSource;let i=index;">
    <button ion-item *ngFor="let item of group;let j=index;" (click)="clickAction(i,j)">
     <img src="{{item.icon}}"> <p>{{ item.name }}</p>
    </button>
  </ion-list>
  <div style="padding-bottom: 10px;padding-right: 10px;padding-left: 10px;text-align: center;" *ngIf="user.isLogin">
    <button ion-button color="danger" style="width: 80%;height: 40px;" (click)="loginAction()">退出登录</button>
  </div>


</ion-content>
